var strVarLabel = '';
strVarLabel += '<div class="aui_state_box"><div class="aui_state_box_bg"></div>';
strVarLabel += '  <div class="aui_alert_zn aui_outer">';
strVarLabel += '    <table class="aui_border" style="border:2px solid #fff;">';
strVarLabel += '      <tbody>';
strVarLabel += '        <tr>';
strVarLabel += '          <td class="aui_c">';
strVarLabel += '            <div class="aui_inner">';
strVarLabel += '              <table class="aui_dialog">';
strVarLabel += '                <tbody>';
strVarLabel += '                  <tr>';
strVarLabel += '                    <td class="aui_header" colspan="2"><div class="aui_titleBar">';
strVarLabel += '                      <div class="aui_title" style="cursor: move;">选择标签</div>';
strVarLabel += '                      </div>';
strVarLabel += '                    </td>';
strVarLabel += '                  </tr>';
strVarLabel += '                  <tr>';
strVarLabel += '                  <tr>';
strVarLabel += '                    <td class="aui_icon" style="display: none;">';
strVarLabel += '                     <div class="aui_iconBg" style="background: transparent none repeat scroll 0% 0%;"></div></td>';
strVarLabel += '                       <td class="aui_main" style="width: auto; height: auto;">';
strVarLabel += '                        <div class="aui_content" style="padding: 0px; position:relative">';
strVarLabel += '                          <div id="" style="width: 680px; position:relative;">';
strVarLabel += '                            <div class="data-result"><em>最多选择 <strong>2000</strong> 项</em></div>';
strVarLabel += '                            <div class="data-error" style="display: none;">最多只能选择 3 项</div>';
strVarLabel += '                            <div class="data-tabs">';
strVarLabel += '                              <ul>';
strVarLabel += '                                <li onclick="removenode_label(this)" data-selector="tab-all" class="active"><a href="javascript:;"><span>全部</span></a></li>';
strVarLabel += '                              </ul>';
strVarLabel += '                            </div>';
strVarLabel += '                            <div class="data-container data-container-city">';
strVarLabel += '                            </div>';
strVarLabel += '                          </div>';
strVarLabel += '                        </div>';
strVarLabel += '                      </div>';
strVarLabel += '                    </td>';
strVarLabel += '                  </tr>';
strVarLabel += '                  <tr>';
strVarLabel += '                    <td class="aui_footer" colspan="2">';
strVarLabel += '                      <div class="aui_buttons">';
strVarLabel += '                        <button class="aui-btn aui-btn-primary aui-btn-primary-label" value="" type="button">确定</button>';
strVarLabel += '                        <button class="aui-btn aui-btn-light aui-btn-light-label" value="" type="button">取消</button>';
strVarLabel += '                      </div>';
strVarLabel += '                    </td>';
strVarLabel += '                  </tr>';
strVarLabel += '                </tbody>';
strVarLabel += '              </table>';
strVarLabel += '            </div></td>';
strVarLabel += '        </tr>';
strVarLabel += '      </tbody>';
strVarLabel += '    </table>';
strVarLabel += '  </div>';
strVarLabel += '</div>';

// 全局变量
var datatype        = "";
var dataLabelinput   = null;

$(document).on('click', '.label-y-n', function () {
	var class_label = $(this).attr('data-class');
	if($(this).val() == 1){
		$("."+class_label).show();
	} else {
		$("."+class_label).hide();
	}
});

$(document).on('click', '.label-duoxuan', function () {
	var class_label = $(this).attr('data-class');
	var label_html = $('#label_list_'+class_label).html();
	var reg = new RegExp("svae_box_label","g"); //创建正则RegExp对象   
	label_html = label_html.replace(reg,"svae_box");
    appendLabel(this, 'duoxuan', label_html, class_label);
});


function appendLabel(dataLabelinput, datatype, label_html, class_label) {
    $('.check_info').append(strVarLabel);
    $(".aui-btn-light").val(class_label);
    $(".aui-btn-primary").val(class_label);
    if (datatype == "danxuan") {
        $('.data-result').find('strong').text('1');
    } else {
        $('.data-result').html('<em>可选择多项</em>'+label_html);
    }
    //获取顶级ID
    var top_id = $(dataLabelinput).attr('data-id');
    var top_title = $(dataLabelinput).attr('data-value');

//    var minwid = document.documentElement.clientWidth;
//    $('.aui_outer .aui_header').on("mousedown", function (e) {
//        $(this)[0].oncontextmenu = function (e) { return false; } //防止右击弹出菜单
//        var getStartX = e.pageX;
//        var getStartY = e.pageY;
//        var getPositionX = (minwid / 2) - $(this).offset().left,
//            getPositionY = 60;
//        $(document).on("mousemove", function (e) {
//            var getEndX = e.pageX;
//            var getEndY = e.pageY;
//            $('.aui_outer').css({
//                left: getEndX - getStartX - getPositionX,
//                top: getEndY - getStartY + getPositionY
//            });
//
//        });
//        $(document).on("mouseup", function () {
//            $(document).unbind("mousemove");
//        })
//    });
    selectLabel('all', null, '', top_id, top_title, class_label);
}

function selectLabel(type, con, isremove, top_id, top_title, class_label) {
    var strVarLabel = "";   
    if (type == "all") {
    	var csrf_token = $("#csrf_token").val();
    	var label_url = $("#label_url").val();
        if(top_id){
        	var label_data = {};
            $.ajax({
                 cache: false,
                 async: false,
                 dataType: 'json', 
                 data: 'label_id='+top_id+'&_token'+csrf_token+"&is_ajax=1",
                 type: 'get',
                 url:label_url,
                 success: function (response){
                	label_data = response.data;
                 }
             });
        }
        if (isremove != "remove") {
            $('.data-tabs li').each(function () {
                $(this).removeClass('active');
            });
            $('.data-tabs ul').html('<li data-selector="tab-all" data-code=' + top_id + ' data-name=' + top_title + ' class="active" onclick="removenode_label(this)"><a href="javascript:;"><span>' + top_title + '</span></a></li>');
        }
        
        strVarLabel += '   <div class="data-list data-list-provinces">';
        strVarLabel += '  <ul class="clearfix">';
        
        $.each(label_data, function(i, obj) {
            strVarLabel += '<li><a href="javascript:;" data-class="'+class_label+'" data-code="' + obj.id + '" data-name="' + obj.title + '" class="d-item"  onclick="selectLabel(\'sub\',this,\'\',\''+obj.id+'\', \''+obj.title+'\', \''+class_label+'\')">' + obj.title + '<label>0</label></a></li>';
        });
        
        strVarLabel += ' </ul>';
        strVarLabel += '</div>';
        $('.data-container-city').html(strVarLabel);

        $('.data-result span').each(function (index) {
            if ($('a[data-code=' + $(this).data("code") + ']').length > 0) {
                $('a[data-code=' + $(this).data("code") + ']').addClass('d-item-active');
                if ($('a[data-code=' + $(this).data("code") + ']').attr("class").indexOf('data-all') > 0) {
                    $('a[data-code=' + $(this).data("code") + ']').parent('li').nextAll('li').find('a').css({ 'color': '#ccc', 'cursor': 'not-allowed' });
                    $('a[data-code=' + $(this).data("code") + ']').parent('li').nextAll("li").find('a').attr("onclick", "");
                }
            }
        });
    }else {
        if (typeof $(con).data('flag') != 'undefined') {
            if($('.data-result span[data-code="' + $(con).data("code") + '"]').length > 0) {
                return false;
            }
        }
        if ($(con).attr("class").indexOf('d-item-active') > 0) {
            $('.data-result span[data-code="' + $(con).data("code") + '"]').remove();
            $(con).removeClass('d-item-active');
            if ($('.data-list-provinces a[data-code=' + $(con).data("code").toString().substring(0, 3) + ']').length > 0) {
                var numlabel = $('.data-list-provinces a[data-code=' + $(con).data("code").toString().substring(0, 3) + ']').find('label').text();
                if (parseInt(numlabel) == 1) {
                    $('.data-list-provinces a[data-code=' + $(con).data("code").toString().substring(0, 3) + ']').find('label').text(0).hide();
                } else {
                    $('.data-list-provinces a[data-code=' + $(con).data("code").toString().substring(0, 3) + ']').find('label').text(parseInt(numlabel) - 1);
                }
            }
            return false;
        } else {
            if ($('.data-list-provinces a[data-code=' + $(con).data("code").toString().substring(0, 3) + ']').hasClass('d-item-active')) {
                $('.data-error').text('已全选,不可再选');
                $('.data-error').slideDown();
                setTimeout("$('.data-error').text('最多只能选择 3 项').hide()", 1000);
                return false;
            }
        }
        if ($('.data-result span').length > 2000) {
            $('.data-error').slideDown();
            setTimeout("$('.data-error').hide()", 1000);
            return false;
        } else {
            $('.data-result').append('<span class="svae_box aui-titlespan" data-class="'+class_label+'" data-code="' + $(con).data("code") + '" data-name="' + $(con).data("name") + '" onclick="removespan_label(this)">' + $(con).data("name") + '<i>×</i></span>');
            $(con).addClass('d-item-active');
        }
        $('.data-result span').each(function () {
            if ($('a[data-code=' + $(this).data("code") + ']').length > 0) {
                $('a[data-code=' + $(this).data("code") + ']').addClass('d-item-active');
                if ($('a[data-code=' + $(this).data("code") + ']').attr("class").indexOf('data-all') > 0) {
                    if (datatype == "duoxuan") {
                        $('a[data-code=' + $(this).data("code") + ']').parent('li').nextAll('li').find('a').css({ 'color': '#ccc', 'cursor': 'not-allowed' });
                        $('a[data-code=' + $(this).data("code") + ']').parent('li').nextAll("li").find('a').attr("onclick", "");
                    }
                } else {
                    if (datatype == "danxuan") {
                        $('.data-list-provinces a').each(function () {
                            $(this).find('label').text(0).hide();
                        });
                    }
                }
            }
        });
    }
} 

function removenode_label(lithis) {
    $(lithis).siblings().removeClass('active');
    $(lithis).addClass('active');
    if ($(lithis).nextAll('li').length == 0) {
        return false;
    }
    $(lithis).nextAll('li').remove();
    if ($(lithis).data("selector") == "tab-all") {
        selectLabel('all', null, '', $(lithis).data("code"), $(lithis).data("name"));
    } else {
        selectLabel('sub', lithis, 'remove', $(lithis).data("code"), $(lithis).data("name"));
    }
}

function removespan_label(spanthis) {
    $('a[data-code=' + $(spanthis).data("code") + ']').removeClass('d-item-active');
    if ($('a[data-code=' + $(spanthis).data("code") + ']').length > 0) {
        if ($('a[data-code=' + $(spanthis).data("code") + ']').attr("class").indexOf('data-all') > 0) {
            $('a[data-code=' + $(spanthis).data("code") + ']').parent('li').nextAll('li').find('a').css({ 'color': '#0077b3', 'a.d-item-active:hover': '#fff', 'cursor': 'pointer' });
            $('a[data-code=' + $(spanthis).data("code") + ']').parent('li').nextAll("li").find('a').attr("onclick", 'selectLabel("sub",this,"")');
        }
    }
    $(spanthis).remove();
    var class_label = $(spanthis).data("class");
    if($.trim($('#label_list_'+class_label).html()).length == 0){
		$('.'+class_label).hide();
		//$("input:radio[name=is_"+class_label+"][value=0]").attr("checked",true);  
        $("input:radio[name=is_"+class_label+"][value=0]").prop("checked",true);
	}  
}

//确定选择
$(document).on('click', '.aui-btn-primary-label', function () {
	var val = '';
    var label_list_html = '';
    var class_label = '';
    if ($('.svae_box').length > 0) {
        $('.svae_box').each(function () {
        	class_label = $(this).data("class");
        	label_list_html += '<span class="svae_box_label aui-titlespan"  data-class="'+class_label+'" data-code="'+$(this).data("code")+'" data-name="'+$(this).data("name")+'" onclick="removespan_label(this)"><input type="hidden" name="label['+class_label+'][]" value="'+$(this).data("code")+'" />'+$(this).data("name")+'<i>×</i></span>';
        });
        $('#label_list_'+class_label).html(label_list_html);
    } else if($('.svae_box').length == 0){
		var class_label = $(this).val();
		$('#label_list_'+class_label).text("");
    	$('.'+class_label).hide();
		//$("input:radio[name=is_"+class_label+"][value=0]").attr("checked",true);
        $("input:radio[name=is_"+class_label+"][value=0]").prop("checked",true);
    }
    Close();
});

$(document).on('click', '.aui-btn-light-label', function () {
	var class_label = $(this).val();
	if($.trim($('#label_list_'+class_label).html()).length == 0){
		$('.'+class_label).hide();
		//$("input:radio[name=is_"+class_label+"][value=0]").attr("checked",true);  
        $("input:radio[name=is_"+class_label+"][value=0]").prop("checked",true);
	}
    $('.aui_state_box').remove();
});









